*{
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
}
a{
  text-decoration: none;
  color: #009a61;
}
.clearfix {
  zoom: 1;
  &:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
  }
}
/*.transition(@property:all;@duration:1s;@function:liner;@delay:0s){
  -webkit-transition: @property @duration @function @delay;
  -moz-transition:  @property @duration @function @delay;
  -ms-transition: @property @duration @function @delay;
  -o-transition: @property @duration @function @delay;
  transition: @property @duration @function @delay;
}*/
.transition(@property:all;@duration:1s){
  -webkit-transition: @property @duration;
  -moz-transition:  @property @duration;
  -ms-transition: @property @duration;
  -o-transition: @property @duration;
  transition: @property @duration;
}
.animation(@args){
  -webkit-animation:@args;
  -moz-animation:@args;
  -ms-animation:@args;
  -o-animation:@args;
  animation:@args;
}
.transform(@attr){
  -webkit-transform:@attr;
  -moz-transform:@attr;
  -ms-transform:@attr;
  -o-transform:@attr;
  transform:@attr;
}

.flex(){
  display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
  display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
  display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;      /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;   /* 混合版本语法: IE 10 */
}
.flex-item(@number){
  -webkit-flex: @number;        /* Chrome */
  -ms-flex: @number;            /* IE 10 */
  flex: @number;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: @number;     /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: @number;       /* OLD - Firefox 19- */
}

.single-line-cut{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.multi-line-cut(@line){
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
  overflow: hidden;
}
.keyframes (@name, @frames) {
  @-webkit-keyframes @name { @frames(); }
  @-moz-keyframes @name { @frames(); }
  @-ms-keyframes @name { @frames();}
  @-o-keyframes @name { @frames(); }
  @keyframes @name { @frames(); }
}
.triangle-row(@direction,@color,@size){
  border-bottom: @size solid transparent;
  border-top: @size solid transparent;
  border-@{direction}:@size solid @color;
}
.triangle-col(@direction,@color,@size){
  border-left: @size solid transparent;
  border-right: @size solid transparent;
  border-@{direction}:@size solid @color;
}
/*滚动条样式*/
.scrollbar(){
&::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
&::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.2);
}
&::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}
}